
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">

<title>Frinser</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Bootstrap core CSS -->
<link href="bootstrap/bootstrap-3.3.2-dist/css/bootstrap.min.css"
	rel="stylesheet">
<!-- Bootstrap theme -->
<link href="bootstrap/bootstrap-3.3.2-dist/css/bootstrap-theme.min.css"
	rel="stylesheet">

<!-- Custom styles for this template -->
<!-- <link href="theme.css" rel="stylesheet">  -->

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- <script src="bootstrap/bootstrap-3.3.2-dist/js/ie-emulation-modes-warning.js"></script> -->

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body role="document">

	<!-- Fixed navbar -->
	<nav class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#">Frinser</a>
			</div>
			<div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Home</a></li>
					<!-- <li><a href="#about">About</a></li>
					<li><a href="#contact">Contact</a></li>
					<li class="dropdown"><a href="#" class="dropdown-toggle"
						data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
							<span class="caret"></span>
					</a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">Action</a></li>
							<li><a href="#">Another action</a></li>
							<li><a href="#">Something else here</a></li>
							<li class="divider"></li>
							<li class="dropdown-header">Nav header</li>
							<li><a href="#">Separated link</a></li>
							<li><a href="#">One more separated link</a></li>
						</ul></li> -->
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
		
	</nav>
			<div id="frinser_container" style="width: 100%;">
				<div id="frinser_left" style="float: left; width: 33%;">
					<iframe src="https://softctrl.in/public/fbButton__.html" align="middle"
						style="width: 100%; height: 100%; border: none;"></iframe>
				</div>
				<div id="frinser_center" style="float: left; width: 34%;">
					<iframe src="https://softctrl.in/public/gapi__.html" align="middle"
						style="width: 100%; height: 100%; border: none;" id="frinser_gapi_iframe"></iframe>
				</div>
				<div id="frinser_right" style="float: left; width: 33%;">
					<iframe src="https://softctrl.in/twitteroauth-master/indexButton__.php"
						align="middle" style="width: 100%; height: 100%; border: none;"></iframe>
				</div>
				<br style="clear: left;" />
			</div>

	<div class="container theme-showcase" role="main">	

		<!-- Main jumbotron for a primary marketing message or call to action -->
		<div class="jumbotron">
			<h1>Welcome to Frinser!</h1>
			<p>We're here to show you the power of connections in your daily searches on Google!</p>
			<p>Press OK after signing in with your IDs <button value="Sign Up" id="Submit" onclick="storeUser();">Sign Up</button></p>
			<div style=" color: red;"><strong><p id="gmSent">Gmail Not Sent</p></strong></div>
			<div style=" color: red;"><strong><p id="fbSent">Facebook Not Sent</p></strong></div>
			<div style=" color: red;"><strong><p id="twSent">Twitter Not Sent</p></strong></div>
			
			
		</div>
		<div class="jumbotron">
			<p>You've always looked at every google search assuming that the links are in decreasing order of their usefulness to you. What if you could put in the element of reviews from your friends in every search? It would certainly change the way you will look at each result. Sound exciting? Look at the scenarios below...</p>
			<p>With every link that shows up in google search come our results which show how many of your friends from Facebook/Gmail/Twitter like that link. And we display how many people from all over the world like the same link (just in case you're friends haven't searched the same thing yet.</p>
		</div>

		<div class="page-header">
			<h1>How will our product affect your searches?</h1>
		</div>
		<div class="row">
			<div class="col-sm-4">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">Search #1</h3>
					</div>
					<div class="panel-body">You're searching for weekend getaway blogs where people have shared their experiences and you can see in the search results that how many people actually liked that blog after reading it. </div>
				</div>
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h3 class="panel-title">Search #2</h3>
					</div>
					<div class="panel-body">Tired of searching resume templates which have thousands of results? Trust your friends reviews that show up on your search page!</div>
				</div>
			</div>
			<!-- /.col-sm-4 -->
			<div class="col-sm-4">
				<div class="panel panel-success">
					<div class="panel-heading">
						<h3 class="panel-title">Search #3</h3>
					</div>
					<div class="panel-body">You got stuck while programming and your google search reveals multiple ways to solve it but you don't know which one is best. Trust your friends (GEEKS) recommendation!</div>
				</div>
				<div class="panel panel-info">
					<div class="panel-heading">
						<h3 class="panel-title">Search #4</h3>
					</div>
					<div class="panel-body">Just broke up and looking for tips to get over her? Trust your friends recommendation, well because they were in the same boat too!</div>
				</div>
			</div>
			<!-- /.col-sm-4 -->
			<div class="col-sm-4">
				<div class="panel panel-warning">
					<div class="panel-heading">
						<h3 class="panel-title">Search #5</h3>
					</div>
					<div class="panel-body">Gotta organize a party and looking for kickass ideas? How cool would it be if you could stumble upon something epic that made people famous in their offices? (Ofcourse our number of likes would help you out now, wouldn't it?)</div>
				</div>
				<div class="panel panel-danger">
					<div class="panel-heading">
						<h3 class="panel-title">Search #6</h3>
					</div>
					<div class="panel-body">Someone close got sick and you're worried? You'll end up finding a million articles on how to get better soon, but wouldn't it help to know that your friends (and the world) backed one particular idea? You're welcome!</div>
				</div>
			</div>
			<!-- /.col-sm-4 -->
		</div>


		<div class="page-header">
			<h1>We Believe</h1>
		</div>
		<div class="well">
			<p>We believe we can help you reduce the time and energy you spend on searching for that one accurate lnk that has everything that you're looking for. No, we're not altering google search results, but only adding friends recommendations to each link to help you. We're your happy helpers and we want nothing in return. :)</p>
			<p>Oh, but can you like the links you found useful? It's not for us, it's for your friends ;-)</p>
		</div>


		<div class="page-header">
			<h1>Carousel</h1>
		</div>
		<div id="carousel-example-generic" class="carousel slide"
			data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carousel-example-generic" data-slide-to="0"
					class="active"></li>
				<li data-target="#carousel-example-generic" data-slide-to="1"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner" role="listbox">
				<div class="item active">
					<img data-src="holder.js/1140x500/auto/#777:#555/text:First slide"
						alt="First slide">
				</div>
				<div class="item">
					<img data-src="holder.js/1140x500/auto/#666:#444/text:Second slide"
						alt="Second slide">
				</div>
				<div class="item">
					<img data-src="holder.js/1140x500/auto/#555:#333/text:Third slide"
						alt="Third slide">
				</div>
			</div>
			<a class="left carousel-control" href="#carousel-example-generic"
				role="button" data-slide="prev"> <span
				class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a> <a class="right carousel-control" href="#carousel-example-generic"
				role="button" data-slide="next"> <span
				class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>


	</div>
	<!-- /container -->


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script
		src="NotYou.js"></script>
	<script
		src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script src="bootstrap/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
	<!-- <script src="bootstrap/bootstrap-3.3.2-dist/js/docs.min.js"></script> -->
	<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
	<!-- <script src="bootstrap/bootstrap-3.3.2-dist/js/ie10-viewport-bug-workaround.js"></script> -->
	<style>
		#frinser_container {
			color: white;
			text-align: center;
			margin-top: 50px;
			height: 90px;
		}
		
		#frinser_left {
			background-color: #3c5a98;
			color: white;
			text-align: center;
			height: 100%;
		}
		
		#frinser_center {
			background-color: #DD4D3B;
			color: white;
			text-align: center;
			height: 100%;
		}
		
		#frinser_right {
			background-color: #55ACEE;
			color: white;
			text-align: center;
			height: 100%;
		}
		
		#frinser_content {
			background-color: #E6E6E6;
			color: white;
			text-align: center;
			height: 77%;
		}
		
		#frinser_header {
			background-color: #E6E6E6;
			color: white;
			text-align: center;
			height: 7%;
		}
	</style>
</body>
</html>
